//DOM加载完毕
$(function () {
  // 任务一、实现购物车全选按钮点击效果 
  // 完成思路：
  // 1、给全选checkbox添加change事件
  // 2、触发事件后把所有的商品checkbox都改成跟全选checkbox一样的状态
  // 3、当单独给所有商品的checkbox都勾上的时候 全选checkbox也勾上



  // 任务二、购物车中增减商品数量                                                             
  // 完成思路：
  // 1、首先为页面中的“+”按钮绑定单击事件，事件触发后，先获取文本框中当前的值，然后将这个值加1后设置给文本框。
  // 2、“-”按钮的开发思路与“+”按钮类似，但是需要增加一个判断，就是当文本框的值是1的时候，就不能再减了。
  


  // 任务三、购物车商品小计                                                             
  // 完成思路：
  // 1、用户每次单击“+”或“-”
  // 2、根据文本框的值乘以当前商品的价格，就可以得到商品的小计
  // 3、然后通过html()方法修改当前商品的小计中显示的内容。
  


  // 任务四、计算购物车商品总件数和总额
  // 完成思路：
  // 1、将所有选中的商品的购买数量文本框中的值相加，得到总件数。
  // 2、将所有选中的商品的小计值相加，得到总额。
  // 3、当用户更改了复选框的状态时，更新总额。
  // 4、当用户更改了商品数量时，更新总额。
  


  // 任务五、在购物车中删除商品                                                             
  // 完成思路：
  // 1、为页面中的各种删除链接绑定事件
  // 2、在事件触发后，通过remove()方法删除元素
  // 3、在删除商品后，还需要更新购物车页面底部的商品总件数和总额
  


  // 任务六、在购物车中为选中的商品添加背景色                                                             
  // 完成思路：
  // 1、在商品复选框和“全选”复选框的change()事件中增加代码，
  // 2、判断当前的选中状态，如果是选中状态，则添加背景色，如果不是选中状态，则移除背景色。
  // 3、获取当前元素的选中状态可以用$(this).prop()方法来实现。
  
  
  
});
